@charset "utf-8";

/************按钮类************/
.btn{
	background: #EB413D;
	color: #FFFFFF;
	font-size: 13px;
}
.btn:hover{
	opacity: 0.7;
}

/*
 * 按钮命名规则:
 * 只设置宽高的：.btn_width_height
 * 设置宽高和背景颜色的：.btn_color_width_height
 * */

/*我的收益*/
.btn_103_36{
	width: 103px;
	height: 36px;
	border-radius: 18px;
}
.btn_80_28{
	width: 80px;
	height: 28px;
	border-radius: 14px;
}

/*我的订单*/
.btn_175_48{
	width: 175px;
	height: 48px;
	border-radius: 24px;
}
.btn_74_28{
	width: 74px;
	height: 28px;
	border-radius: 14px;
}





/************男女性别下拉选择************/











/************下拉框类************/
.select{
	border: 1px solid #E7E7E7;
	background: #FFFFFF;
	height: 40px;
	line-height: 40px;
	border-radius: 5px;
	display: inline-block;
}
/*文本框*/
.select .txt{
	float: left;
	height: 40px;
	line-height: 40px;
	padding-left: 4px;
	padding-right: 4px;
	font-size: 14px;
	color: #878787;
	outline: none;
	box-sizing: border-box;
}
/*箭头icon*/
.select .arrows{
	float: right;
	width: 40px;
	height: 40px;
	text-align: center;
	border: 1px solid transparent;
	border-left-color: #E7E7E7;
	font-size: 16px;
}
/*时间icon*/
.select .date{
	float: right;
	width: 40px;
	height: 40px;
	text-align: center;
	border: 1px solid transparent;
	border-left-color: #E7E7E7;
	font-size: 26px;
}
.select .date:hover{
	background: #E6E6E6;
}

/*
 * 下拉框命名规则:
 * 设置select宽的：.select_width
 * 设置txt宽的：.select_width .txt_width
 * 
 * 注意：select_width - 42px = txt_width
 * 
 * */

/*我的收益*/
.select_120{
	width:120px;
}
.select_120 .txt_80{
	width:78px;
}

.select_150{
    width: 150px;
}
.select_150 .txt_108{
    width: 108px;
}

.select_160{
    width: 160px;
}
.select_160 .txt_118{
    width: 118px;
}

.select_90_30{
    width: 90px;
    height: 30px;
}
.select_90_30 .txt_48_30{
    width: 48px;
    height: 30px;
    line-height: 30px;
    padding-left: 8px;
    
}
.select_90_30 .arrows_48_30{
	float: right;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border: 1px solid transparent;
	border-left-color: #E7E7E7;
	font-size: 16px;
}
/*我的收益END*/





/************页码************/

.sub_page{
    width: 100%;
    text-align: right;
}
.sub_page .span_page{
    margin-left: 10px;
    display: inline-block;
}
.sub_page .span_page a{
    display: inline-block;
    width: 36px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    border: 1px solid #E7E7E7;
    border-radius: 4px;
    margin-left: 2px;
    margin-right: 2px;
}
.sub_page .span_page .action_red{
	color: red;
	border: 1px solid red;
}
.sub_page .span_page a:hover{
	color: red;
	border: 1px solid red;
}
.sub_page .span_page b{
    display: inline-block;
    width: 30px;
    height: 36px;
    text-align: center;
    line-height: 36px;
}
.sub_page .span_page>em{
    display: inline-block;
}
.sub_page .span_page .num{
	float: left;
	width: 66px;
    height: 36px;
    line-height: 36px;
    border: 1px solid #E7E7E7;
    border-radius: 5px;
    display: inline-block;
}
.sub_page .span_page .num:hover{
	color: red;
	border: 1px solid red;
}
.sub_page .span_page .num .txt_num{
    float: left;
    width: 35px;
    height: 36px;
    line-height: 36px;
    padding-left: 4px;
    padding-right: 0px;
    font-size: 14px;
    color: #878787;
    outline: none;
    box-sizing: border-box;
}
.sub_page .span_page .num .ye{
    float: right;
    width: 30px;
    height: 36px;
    margin: 0;
    text-align: center;
    font-size: 14px;
}
.sub_page .span_page .skip{
    float: right;
    width: 66px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    margin-left: 10px;
    font-size: 14px;
    color: #99999A;
    border: 1px solid #E7E7E7;
    border-radius: 4px;
}


